<!--商标申请-->
<template>
	<section class="main">
		<h3 class="nametitle">{{title}}</h3>
		<aside class="detail_main">
			<div class="top">
				<h3 class="title">一、商标申请所需资料</h3>
				<dl class="first">
					<dt>以公司名义申请</dt>
					<dd>1、营业执照复印件加盖公章</dd>
					<dd>2、商标标识黑白稿一份</dd>
					<dd>3、注册商标类别(保护的产品或服务)</dd>
					<dd>4、商标代理委托书(按要求填写并签字、盖章， 点击下载委托书)</dd>
				</dl>
				<dl>
					<dt>以个人名义申请</dt>
					<dd>1、身份证复印件</dd>
					<dd>2、个体工商户营业执照复印件(执照经营范围必须与申请商标类别一致)</dd>
					<dd>3、注册商标类别(保护的产品或服务)</dd>
					<dd>4、商标代理委托书(按要求填写并签字、盖章， 点击下载委托书)</dd>
				</dl>
			</div>
			<div class="bottom">
				<dl class="first">
					<dt class="title">二、商标申请程序</dt>
					<dd>1、注前查询，提高商标的成功注册率。提交商标名称和保护的产品或者服务，15分钟出查询结果。</dd>
					<dd>2、申请注册</dd>
					<dd>①申请阶段：申请当天即可注册；</dd>
					<dd>②正式受理、审查阶段：形式审查通过 商标局发出受理通知书 实质审查；</dd>
					<dd>③公告、注册阶段：实质审查通过 初审公告 注册公告 商标局发出注册证。</dd>
				</dl>
				<dl>
					<dt class="title">三、商标申请时间</dt>
					<dd>1、商标局大约1个月发出受理通知书；</dd>
					<dd>2、公告期3个月；</dd>
					<dd>3、商标注册完成整个时间大约需要12-24个月左右；</dd>
				</dl>
			</div>
		</aside>
	</section>
</template>

<script>
	export default{
		data (){
			return {
				title:"商标申请"
			}
			
		},
		created(){
			this.setTitle();
			this.setActive();
		},
		methods:{
			setTitle(){
				//设置上面的标题
				this.$emit("getTitle",this.title);
			},
			setActive(){
				//设置左侧的菜单高亮
				this.$root.Bus.$emit("nowActive","03")
			}
			
		}
	}
</script>

<style scoped>
	.main{
		padding:2.5rem 3.9% 2.5rem 2.6%;
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}
	.detail_main{
		background: #fff;
		padding:3.3rem 5.3%;
	}
	.top{
		overflow: hidden;
		margin-bottom: 3.75rem;
	}
	.top dt{
		margin-top: 1.2rem;
		height:2.3rem;
		line-height: 2.3rem;
		padding:0px 1.5rem;
		font-size:0.9rem;
		font-weight: 600;
		color:#fff;
		background: #df8c2a;
		display: inline-block;
		margin-bottom: 15px;
	}
	.top .first dt{
		background:#53306c;
	}
	.bottom{
		overflow: hidden;
	}
	.detail_main .title{
		font-size: 1.2rem;
		color:#53306c;
		font-weight: 600;
		line-height: 2.4rem;
	}
	.detail_main dl{
		float: left;
	}
	.detail_main dd{
		display: block;
		font-size: 14px;
		line-height: 30px;
		color:#333333;
	}
	.detail_main .first{
		width:39.7%;
		padding-right:5%;
	}
	.nametitle{
		font-size: 1.5rem;
		color:#53306c;
		text-align: center;
		line-height: 2.5rem;
		margin-bottom: 1.5rem;
		margin-top:1.5rem;
		display: none;
	}
	@media only screen and (min-width:900px) and (max-width:1600px){
		.detail_main dl{
			width:50%;
			padding-right:5%;
		}
		.detail_main .first{
			width:50%;
			padding-right:5%;
		}
	}
	@media only screen and (max-width:989px){
		.detail_main dl{
			width:100%;
			padding-right:5%;
		}
		.detail_main .first{
			width:100%;
			padding-right:5%;
		}
	}
	@media only screen and (min-width:960px) and (max-width:1440px){
		.main{
			padding:1.5rem 2rem;
		}
	}
	@media only screen and (min-width: 320px) and (max-width: 959px) {
		.main{
			padding: 0px 1.5rem 1.5rem 1.5rem;
		}
		.nametitle{
			display: block;
		}
	}
</style>